<template>
	<div class="child">
		<h1>我是Child组件</h1>
		<button @click="$emit('send-computer',computer,6,7,8)">
			点我触发我身上的send-computer事件
		</button> <br><br>

		<button @click="$emit('send-phone',phone)">
			点我触发我身上的send-phone事件
		</button> <br><br>

		<button @click="$off('send-computer')">
			解绑我身上的send-computer事件
		</button><br><br>

		<button @click="$off(['send-computer','send-phone'])">
			解绑我身上的send-computer、send-phone事件
		</button><br><br>

		<button @click="$off()">
			解绑我身上所有的事件
		</button>
	</div>
</template>

<script>
	export default {
		name:'Child',
		data() {
			return {
				computer:'苹果',
				phone:'华为P50'
			}
		}
	}
</script>

<style>
	.child{
		background-color: skyblue;
		padding: 20px;
	}
</style>